<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #box{width:200px;height:200px;background-color: red;}
    </style>
</head>
<body>
    <div id="box"></div>
    <input type="text" id="txt">
</body>
<script>

    // 加减乘除，先算乘除，再算加减
    // 有括号先算括号内
    // 同级之间，从左向右

    // 根据指定数字计算：1-1/2+1/3-1/4+1/5...直到1/n

    // 0-1/2-1/4-1/6
    // +
    // 1+1/3+1/5+1/7

    // 终点
    // 0
    // 1
    
    // 公式
    // sum + fn(n-1);
    // 或
    // fn(n-1) - sum

    
    // function fn(n){
        // 0~100
        // var sum = 0;
        // for(var i=1;i<=n;i++){
        //     if( i%2 ){
        //         // 奇数
        //         sum += 1/i;
        //     }else{
        //         // 偶数
        //         sum -= 1/i;
        //     }
        // }
        // return sum;
    // }
    // 以上是循环

    // 以下是递归
    // function fn(n){
        // if(n === 0){
        //     return 0;
        // }
        // if(n === 1){
        //     return 1;
        // }
        // var sum = 1 / n;
        // if(n % 2){
        //     sum = sum + fn(n-1);
        // }else{
        //     sum = fn(n-1) - sum;
        // }
        // return sum;
    // }
    // console.log(fn(10));
    

    // ===========


    // 编写一个函数，输入n为偶数时，调用函数求1/2+1/4+...+1/n,当输入n为奇数时，调用函数求1+1/3+...+1/n    循环和递归
    
    // 偶数
    // 终点如果是2：应该返回1/2

    // 奇数
    // 终点如果是1：应该返回1

    // 如果非终点值
    // fn(n) = 1/n + fn(n-2)
    
    // 测试公式：
    // fn(7) = 1/7 + fn(5)
    //               fn(5) = 1/5 + fn(3)
    //                             fn(3) = 1/3 + fn(1)
    //                                           fn(1) = 1
    // fn(6) = 1/6 + fn(4)
    //               fn(4) = 1/4 + fn(2)
    //                             fn(2) = 1/2


    // 递归实现
    // function fn(n){
    //     if(n === 1){
    //         return 1;
    //     }
    //     if(n === 2){
    //         return 1/2;
    //     }
    //     return 1/n + fn(n-2);
    // }
    // console.log(fn(7));

    // 循环实现
    // function fn(n){
    //     if(n % 2 === 0){
    //         var sum = 0;
    //         for(var i=2;i<=n;i+=2){
    //             sum += 1/i
    //         }
    //         return sum;
    //     }else{
    //         var sum = 0;
    //         for(var i=1;i<=n;i+=2){
    //             sum += 1/i
    //         }
    //         return sum;
    //     }
    // }
    // console.log(fn(7));




    // ==========
    // ==========
    // ==========

    // 封装 已知两个，个位数，计算两个个位数之间的所有整数，能组成的奇数的函数
    // - 如：2，6
    // - 打印出：23，33，43，53，63，25，35，45，55，65
    
    // 2,3,4
    // 2: 22, 23, 24
    // 3: 32, 33, 34
    // 4: 42, 43, 44

    function fn(m, n){
        // 保证m是小的，n是大的
        if(m > n){
            var x = m;
            m = n;
            n = x;
        }
        // 取m到n之间所有数字
        for(var i=m;i<=n;i++){
            // 再取m到n之间所有数字
            for(var j=m;j<=n;j++){
                // 两两组合后，判断奇偶
                if( ("" + i + j)%2 ){
                    // 打印奇数
                    console.log( "" + i + j );
                }
            }
        }
    }
    // fn(6, 2);

    // =========
    // =========
    // =========

    var box = document.getElementById("box")
    box.onclick = function(){
        console.log("左键单击")
    }
    box.ondblclick = function(){
        console.log("左键双击")
    }
    box.oncontextmenu = function(){
        console.log("右键单击")
    }
    box.onmousedown = function(){
        console.log("按下")
    }
    box.onmouseup = function(){
        console.log("抬起")
    }
    box.onmouseover = function(){
        console.log("进入")
    }
    box.onmouseout = function(){
        console.log("离开")
    }
    box.onmousemove = function(){
        console.log("移动")
    }


    // window.onkeydown = function(){
    //     console.log("键盘按下")
    // }
    // document.onkeyup = function(){
    //     console.log("键盘抬起")
    // }


    var txt = document.getElementById("txt")

    // 时机：失去焦点时才会判断内容是否改变
    txt.onchange = function(){
        console.log("内容改变了")
    }
    // 时机：只要内容改变了
    txt.oninput = function(){
        console.log("输入内容了")
    }


    window.onresize = function(){
        console.log("改变大小了")
    }








</script>
</html>